@import '../../app.scss';

.border-blue {
  border: 2rpx solid map-get($colors, "blue");
}

.border-yellow {
  border: 2rpx solid map-get($colors, "yellow");
}

.top-box {
  .search-box {
    border-radius: 25rpx;
  }

  .news-icon {
    width: 56rpx;
    height: 52rpx;
  }

  .search-icon {
    width: 48rpx;
    height: 48rpx;
  }

  .news-box {
    position: relative;

    .point {
      width: 12rpx;
      height: 12rpx;
      border-radius: 50%;
      background: #f01515;
      position: absolute;
      right: 0;
      top: 0;
    }
  }

  .type-box {
    white-space: nowrap;
    ::-webkit-scrollbar{

      width: 0;
      
      height: 0;
      
      color: transparent;
      
      }
    .flex-1 {
      overflow: hidden;
    }

    image {
      width: 40rpx;
      height: 40rpx;
      margin-left: 30rpx;
    }

    text {
      margin-right: 50rpx;
    }
  }
}

.notice-box {
  box-shadow: 0px 0px 5px 0px rgba(24, 25, 25, 0.1);
}

.swiper-box {
  height: 60rpx;
  box-sizing: border-box;

  swiper {
    height: 60rpx;
  }
}

.number-box {
  .number {
    box-shadow: 0px 0px 10px 0px rgba(24, 25, 25, 0.1);
    border-radius: 10px;
    padding: 40rpx 25rpx;
  }

  image {
    width: 27rpx;
    height: 27rpx;
    margin-right: 9rpx;
  }
}

.title-box {
  border-bottom: 2rpx solid rgba(233, 233, 233, 1);
}

.items-box {
  box-shadow: 1px 1px 2px 0px rgba(24, 25, 25, 0.25);
  border-radius: 10px;
  .user-photo {
    width: 50rpx;
    height: 50rpx;
    border-radius: 50%;
  }
  .skill {
    background: rgba(240,240,240,1);
    padding: 10rpx 20rpx;
    display: inline-block;
  }
  .label-text {
    border-radius: 3rpx;
  }
}

.login-box {
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
}